<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="html5reset.css">
    <link rel="stylesheet" type="text/css" href="css/datedropper.css">
	<link rel="stylesheet" type="text/css" href="css/timedropper.min.css">
   <link rel="stylesheet" href="css/top.css">
    <script type="text/javascript" src="js/jquery-1.12.3.min.js"></script>
	<script src="js/datedropper.min.js"></script>
<title>消费查询</title>

<style>
body{ font-family:"微软雅黑"; margin:0; padding:0;}
#xfcheck header{ height:40px; text-align:center; line-height:40px; font-size:12px; background-color:#F06671; color:#FFF; position:relative;}
#xfcheck header .arrow{ position:absolute; left:10px; top:4px;}
#xfcheck .inputbox{border:1px solid #949494; border-top-left-radius:10px; border-top-right-radius:10px;
border-bottom-left-radius:10px; border-bottom-right-radius:10px; width:100%; height:40px; margin-bottom:3%;}
#xfcheck #contents{ width: 94%; float: left; margin-left: 3%; margin-top: 40px;}
#xfcheck #contents .iconArea{ text-align:center; padding:5% 0;}
#xfcheck #contents .iconArea .icontxt{ font-size:12px; color:#949494; margin-top:3%;}
#xfcheck .inputbox span,.inputbox input{ float:left;}
#xfcheck .inputbox .icon_s{ width:20%; border-right:1px solid #e1e1e1; margin-right:5%; text-align:center ;margin-top:5px;}
#xfcheck .inputbox input{ border:0; width:65%; font-size:12px; color:#949494; font-family:"微软雅黑"; outline:none; height:40px; line-height:40px; background:none;}
#xfcheck .btn_infochange a{ display:block; width:100%; height:40px; background-color:#FFAB00;border-top-left-radius:10px; border-top-right-radius:10px;
border-bottom-left-radius:10px; border-bottom-right-radius:10px; line-height:40px; text-align:center; font-size:12px;text-decoration:none; color:#FFF;}
#xfcheck .inputbox select{ height:30px; outline:none; border:0; font-size:12px; margin-top:5px; color:#949494;width:70%;}
</style>
</head>

<body id="xfcheck">
     <div class="top">
        <div class="top_left"><a class="sb-back" href="javascript:history.back(-1)" title="返回"><img src="images/icon_back.png" alt=""></a></div>
        消费查询
    </div>
  <div id="contents">
     <div class="iconArea">
       <p class="icon_b"><img src="images/xfcx_icon_b.png" width="100px"/></p>
       <p class="icontxt">请填写一下信息进行查询</p>
     </div>
    
     <form>
      <div class="inputbox"><span class="icon_s"><img src="images/icon_s01.png" width="28px"/></span><input type="text" placeholder="姓名"></div>
      <div class="inputbox"><span class="icon_s"><img src="images/xfcx_icon_s01.png"width="28px"/></span>
      <!--<select><option selected="起始日期">起始日期</option><option>2016-08-10</option></select>-->
      <input type="text" class="input" id="pickstartdate" placeholder="起始日期"/></div>
      <div class="inputbox"><span class="icon_s"><img src="images/xfcx_icon_s02.png" width="28px"/></span>
      <!--<select><option>终止日期</option><option>2016-08-11</option></select>-->      
      <input type="text" class="input" id="pickenddate" placeholder="终止日期"/></div>
      <script>
		$("#pickstartdate").dateDropper({
			animate: false,
			format: 'Y-m-d',
			maxYear: '2020'
		});
		$("#pickenddate").dateDropper({
			animate: false,
			format: 'Y-m-d',
			maxYear: '2020'
		});
    </script>
      <p class="btn_infochange"><a href="xiaofeijilu.html">查询</a></p>
     </form>
  </div>
</body>
</html>
